<template>
	<div class="timeItem-wrap" >
		<view class="timeItem-title"
		:style="{color:textColor}">
			<view 
			class="timeItem-title__text"
			>
				{{title}}
			</view>
			<view class="timeItem-title__num">
				1000
			</view>
		</view>
		<slot></slot>
	</div>
	
</template>
<script setup>
	console.log('组件被引入')
	const props = defineProps({
		title:{
			type:String,
			require:true
		},
		bgColor:{
			type:String,
			default:'#fff'
		},
		textColor:{
			type:String,
			default:'#999'
		}
	})
	
</script>
<style>
	.timeItem-wrap{
		width: 100%;
		height: 100%;
		overflow: scroll;
		padding:30rpx;
		box-sizing: border-box;
	}
	.timeItem-title{
		display: flex;
		align-items: baseline;
	}
	.timeItem-title__text{
		font-size: 1.3em;
	}
	.timeItem-title__num{
		font-size: 0.9em;
		margin-left: 15rpx;
	}
</style>